<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>Astron Sports</title>
		<link href="astronSports.css" rel="stylesheet" type="text/css" />

		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
		<script src="PJSlider.js"></script>

	</head>

	<body>
		<!-- Header -->
		<header>
<!--
			<nav id="nav">

				<div id="logo">
					<a href="home.html"></a>
				</div>
				<ul>
					<li>
						<a href="track.html" title="Track"><h2>TRACK</h2></a>
					</li>
					<li>
						<a href="basketball.html" title="Basketball"><h2>BASKETBALL</h2></a>
					</li>
					<li>
						<a href="football.html" title="Football"><h2>FOOTBALL</h2></a>
					</li>
				</ul>
				<div id="more">
					<a href="more.html"></a>
				</div>
			</nav>
-->

			<nav id="menu">
			</nav>

		</header>
		<!-- Header -->

		<!-- Image Slider -->
		<!--<section class="slider"></section>-->
		<div id="SlideImagePlaceHolder">
			<nav id="nav">

				<div id="logo">
					<a href="Home.html"></a>
				</div>
				<ul>
					<li>
						<a href="Track.html" title="Track"><h2>TRACK</h2></a>
					</li>
					<li>
						<a href="Basketball.html" title="Basketball"><h2>BASKETBALL</h2></a>
					</li>
					<li>
						<a href="Football.html" title="Football"><h2>FOOTBALL</h2></a>
					</li>
				</ul>
				<div id="more">
					<a href="more.html"></a>
				</div>
			</nav>
			
			<div class="imgs">
				<img id="img_1" class="bgImg" src="Images/IMG_2209.jpg" alt="test" />
				<img id="img_2" class="bgImg" src="Images/Track-Mock.png" alt="test" />
				<img id="img_3" class="bgImg" src="Images/CD8u.jpg" alt="test" />
				<img id="img_4" class="bgImg" src="Images/30827_412658682840_6027805_n.jpg" alt="test" />				
			</div>

			<div class="selector">
				<ul id="imageSelector">
					<li>
						<a id="img1" href="#img_1" > </a>
					</li>
					<li>
						<a id="img2" href="#img_2" > </a>
					</li>
					<li>
						<a id="img3" href="#img_3" > </a>
					</li>
					<li>
						<a id="img4" href="#img_4" > </a>
					</li>
				</ul>
			</div>
		</div>
		<!-- Image Slider -->

		<!--News Content -->
		<div id="wrapper">
			<aside class="newsLeft">
				<section class="newsImg"></section>
				<section class="button">
					<a href="Basketball.html"></a>
				</section>
			</aside>
			<aside class="newsLeft">
				<section class="newsImg"></section>
				<section class="button">
					<a href="Basketball.html"></a>
				</section>
			</aside>
			<aside class="newsRight">
				<section class="newsImg"></section>
				<section class="button">
					<a href="Basketball.html"></a>
				</section>
			</aside>
		</div>

		<!-- End News Content -->

		<!-- Footer -->
		<footer id="footer">

		</footer>
		<!-- End Footer -->

	</body>
</html>
